body {
    /* 定义页面的字体族为Arial或sans-serif */
    font-family: Arial, sans-serif;
    /* 将页面的背景图片设置为'dark_background.jpg' */
    background-image: url('../img/dark_background.jpg');
}
.login-form {
    /* 定义登录表单的宽度为300px */
    width: 300px;
    /* 将登录表单在页面中居中显示 */
    margin: 0 auto;
    /* 定义登录表单的内边距为30px */
    padding: 30px 0;
}
.login-form input[type="text"],
.login-form input[type="password"] {
    /* 定义输入框的宽度为100% */
    width: 100%;
    /* 定义输入框的内边距为12px */
    padding: 12px 20px;
    /* 定义输入框之间的间距为8px */
    margin: 8px 0;
    /* 使用border-box计算盒模型 */
    box-sizing: border-box;
    /* 定义输入框的边框为2px的实线 */
    border: 2px solid #ccc;
    /* 定义输入框的边框半径为4px */
    border-radius: 4px;
}
.login-form input[type="submit"]{
    /* 定义登录按钮的宽度为100% */
    width: 100%;
    /* 定义登录按钮的背景颜色为#4CAF50 */
    background-color: #4CAF50;
    /* 定义登录按钮的文字颜色为白色 */
    color: white;
    /* 定义登录按钮的内边距为14px */
    padding: 14px 20px;
    /* 定义登录按钮之间的间距为8px */
    margin: 8px 0;
    /* 取消登录按钮的边框 */
    border: none;
    /* 定义登录按钮的边框半径为4px */
    border-radius: 4px;
    /* 定义登录按钮的鼠标样式为手形 */
    cursor: pointer;
}
.login-form input[type="submit"]:hover{
    /* 当鼠标悬停在登录按钮上时，改变背景颜色为#45a049 */
    background-color: #45a049;
}
.error{
    /* 定义错误信息的颜色为红色 */
    color: red;
}
.forgot-password{
    /* 定义忘记密码链接的上边距为20px */
    margin-top: 20px;
    /* 使用flex布局 */
    display: flex;
    /* 水平对齐方式为两端对齐 */
    justify-content: space-between;
}
a{
    /* 取消链接的下划线 */
    text-decoration: none;
    /* 定义链接的颜色为白色 */
    color: white;
}
.user-name{
    /* 定义用户名的颜色为#48d1cc */
    color: #48d1cc;
}
.password{
    /* 定义密码的颜色为#48d1cc */
    color: #48d1cc;
}